﻿<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />   
    <script type="text/javascript" src="SetPosition.js"></script>
    <script type="text/javascript" src="ShowChart.js"></script>
    <script type="text/javascript" src="echarts.min.js"></script>
    <title>交叉口排队数据排名</title>
</head>
<body style=" background-color: rgb(235, 232, 222);">
    <div id="main" style=" height:500px;"></div>

    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts图表
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
            tooltip: {},
            grid: {
                left: '10%',
                right: '10%',
                bottom: '10%',
                top: '15%'
            },
            backgroundColor: 'rgb(235, 232, 222)',
            series: [
                {
                    name: '访问来源',
                    type: 'pie',
                    title: '平均服务水平',
                    radius: ['50%', '70%'],
                    avoidLabelOverlap: false,
                    label: {
                        show: true,
                        fontSize: 12,
                        position: 'center',
                        formatter: '服务水平\n\n' + '3350',
                        color: 'rgb(235, 0, 0)'
                    },
                    emphasis: {
                        label: {
                            show: false,
                            fontSize: '30',
                            fontWeight: 'bold'
                        }
                    },
                    labelLine: {
                        show: false
                    },
                    data: [
                        { value: 3350, name: '平均服务水平' },
                        { value: 310, name: ' ' },

                    ]
                }
            ]
        };


        myChart.setOption(option);

    </script>
</body>
</html>

